.login-page-cls {
  overflow-x: auto;
  user-select: none;
  background-size: cover;
  background-color: #D0D1D8;
  background-image: url("src/assets/LOGIN-BG.png");

  .login-full-box {
    height: 75%;
    max-width: 100%;
    min-height: 28rem;
    border-radius: 1.875rem;
    box-shadow: .25rem .375rem 1.5rem 0 rgba(0, 0, 0, .1);

    > div {
      max-width: inherit;
    }
  }

  .login-image {
    width: auto;
  }

  .login-box {
    width: 28rem;
    max-height: 28rem;
    max-width: inherit;
    padding: 1rem 3rem 3rem;
  }

  .qr-scan-tips {
    position: absolute;
    width: inherit;
    text-align: center;
    left: 0;
    bottom: 2rem;
  }


  .q-field--with-bottom {
    padding-bottom: 1rem;
  }
}

.bg-login-btn {
  min-height: 2.5rem;
  background-color: #6273FB;

  &:hover, &:focus {
    background-position: right center;
    box-shadow: 0 .75rem 1.25rem -.75rem #6273FB;
  }
}

.reset-pwd-box {
  width: 7.5rem;
  height: 2.25rem;
  list-style: none;
  border: .0625rem solid rgba(0, 0, 0, 0.24);
}